<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		</head>
		<style>
			/* 1.抓到图片元素 */
			img{
				transition: transform 10s;
				animation: pinwheel 10s linear infinite;
			}
			/* 2.在图片上进行旋转 */
			img:hover{
				transform: rotate(1800deg);
			}
			@keyframes pinwheel{
				0%{
					transform: rotate(0deg) scale(1);
				}
				50%{
					transform: rotate(180deg) scale(.8);
				}
				100%{
					transform: rotate(360deg) scale(1.2);
				}
			}
			</style>
			/* 大风车引入 */
			<img src="../Day01/img/dfc.jpg"alt="大风车">
			<audio src="../Day01/img/dafengche.mp3" autoplay controls loop></audio>
	
	<body>
		<!-- 音视频元素--参考图片元素写法 -->
		<video src="../Day01/img/oceans-clip.mp4" autoplay="autoplay"></video>
	</body>
</html>